<!--
<script>
export default {
  data() {
    return {
      msg: '上海'
    }
  }
}
</script>
-->

<script setup>
import { ref } from 'vue'

// 调用ref函数 定义响应式数据
const msg = ref('西安')

import ApiVue from './Api.vue'
import Article from './components/Article.vue'
</script>

<template>
  <div>
    <h1>{{ msg }}</h1>
    <br>
    <ApiVue />
  </div>
  <div>
    <Article></Article>
  </div>

  
</template>

<style scoped>
h1 {
  color: red;
}
</style>
